.drawer__drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:20}.drawer__drawer-content{position:absolute;width:37.5rem;height:100vh;top:0;right:0;bottom:0;background-color:#3d3c89;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex}.drawer-enter-active{-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;-webkit-transition-delay:50ms;transition-delay:50ms}.drawer-leave-active{-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s}.drawer-enter,.drawer-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%)}.backdrop-enter-active,.backdrop-leave-active{-webkit-transition:opacity .1s;transition:opacity .1s}.backdrop-enter,.backdrop-leave-to{opacity:0}.layout-menu{display:grid;grid-template-columns:245px calc(100% - 245px);grid-template-rows:calc(100vh - 4rem);grid-template-areas:"sidebar slot";width:100%}.aside{grid-area:sidebar}.menu-slot{grid-area:slot;overflow-y:scroll}@media screen and (min-width:268px)and (max-width:1024px){.layout-menu{grid-template-columns:none}.layout-menu>.aside{display:none}}@media screen and (min-width:268px)and (max-width:1023px){.layout-main{width:100vw}}